<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* 与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素直接/一级子元素的元素。 */
        /* 以下实例选择了<div>元素中所有直接子元素 <p> ： */
        div>p {
            background-color: yellow;
        }
    </style>
</head>

<body>
    <h1>Welcome to My Homepage</h1>
    <div>
        <h2>My name is Donald</h2>
        <p>I live in Duckburg.</p>
    </div>

    <div>
        <span>
            <p>I will not be styled.</p>
        </span>
    </div>

    <p>My best friend is Mickey.</p>
</body>

</html>